<template>
    <div class="cart-list">
        <scroll class="content" ref="scroll">
            <cart-list-item 
            v-for="(item,index) in cartList" 
            :item-info="item" 
            :key="index" />
        </scroll>
    </div>
</template>



<script>
import Scroll from 'components/common/scroll/Scroll' //滚动
import CartListItem from './CartListItem' //商品购物车信息
import {mapGetters} from 'vuex'

export default {
    name:'CartList',
    components:{
        Scroll,
        CartListItem
    },
    computed:{
        ...mapGetters(['cartList'])
    },
    activated(){
        this.$refs.scroll.refresh()
    }
}
</script>



<style scoped>
    .cart-list {
        height: calc(100% - 44px - 49px - 40px);
    }

    .content {
        /* height: calc(100% - 49px); */
        height: 100%;
        overflow: hidden;
    }
</style>